<template>
  <view>
    <m-top :autoBack="true" :bgChangeByScroll="true" bgColor="#8C82FF" @getHeight="getGlHeight">
      我的行程
    </m-top>

    <m-container :top="glTop">
      <view class="pdv40 mgt32">
        <view class="trip-card" v-for="i in 2" @click="$u.route('/pages-mine/trip/detail')">
          <image class="trip-card-img"
            src="https://zgq-icu-2002-1313043931.cos.ap-shanghai.myqcloud.com/yaxin/%E7%BB%84%20225%402x.png"></image>
          <view class="pd40">
            <view class="c333 font32">C3安全大会 2023主论坛</view>
            <view class="c666 font28 mgt20 flex align-center">
              <view>C3安全大会 2023主论坛</view>
              <image src="@/static/icon/arrow-right.png" class="mglauto arrow-right"></image>
            </view>

          </view>
        </view>

      </view>
    </m-container>
  </view>
</template>

<script>
import GlTopMixin from "@/mixins/global-top";

export default {
  mixins: [GlTopMixin],
  components: {},
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.trip-card {
  box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(72, 30, 193, 0.1);
  border-radius: 20rpx;
  background-color: white;

  &:not(:first-child) {
    margin-top: 40rpx;
  }

  &-img {
    width: 100%;
    height: 400rpx;
    font-size: 0px;
    display: flex;
  }


}

.arrow-right {
  width: 40rpx;
  height: 40rpx;
}
</style>